<div class="user-strnew">
	<div class="main1">
		<div class="head">
			<img title="beijing01_06.jpg" src="//img13.360buyimg.com/cms/jfs/t1/136242/9/1128/650806/5ed5c67bE3ab09a7e/913894232493cc38.jpg" />
			<div class="item">重磅新品 硬核国货</div>
			<div class="context">
				<div class="bj1"></div>
				<div class="text">
					<div class="tit">通体罗马石材瓷砖  J8912T-L</div>
					<div class="fun">纹理逼真 | 更加耐磨 | 防滑防污</div>
					<div class="good">好物推荐</div>
					<div class="drop"></div>
					<div class="money">
							活动<br/>到手价￥<span>99.95</span>/片
					</div>
					<div class="bug_btn"></div>
				</div>
			</div>
		</div>
		<div class="cont">
			<img title="beijing02.jpg" src="//img11.360buyimg.com/cms/jfs/t1/123117/40/3778/628600/5ed5c67bEb4799d96/de11f52995bc956e.jpg" />
			<div class="context2">
				<div class="text">
					<div class="tit">通体罗马石材瓷砖 丘比灰</div>
					<div class="fun">纹理逼真 | 更加耐磨 | 防滑防污</div>
					<div class="good">好物推荐</div>
					<div class="drop"></div>
					<div class="money">
							活动<br/>到手价￥<span>99.95</span>/片
					</div>
					<div class="bug_btn"></div>
				</div>
				<div class="bj1"></div>
			</div>
		</div>
	</div>
</div>
<style>
	.userDefinedArea{width: 100%;margin: 0;}
	.user-strnew {background-color: #ffd8e0;}
	.user-strnew li { list-style:none; }
	.user-strnew ul { margin: 0px;height: 40px;}
	.user-strnew a {text-decoration:none;color:inherit;} .user-strnew a:hover{text-decoration:none;}
	.user-strnew a:focus{text-decoration: none;outline: none;}
	.user-strnew img { border:none; vertical-align:middle; max-width:100%;max-height:100%;}
	.user-strnew table { border-collapse:collapse; }
	.user-strnew input,.user-strnew textarea { outline:none; background: none; border: none; }
	.user-strnew textarea { resize:none; overflow:auto; }
	.user-strnew .main1{
		width:100%; 
		max-width:1200px; 
		margin:0 auto;
	}
	.user-strnew .main1 .head{
		position: relative;
	}
	.user-strnew .main1 .item{
		position: absolute;
		font-size: 72px;
		color: #cc1124;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -359%);
		text-shadow: 1px 1px 3px #333333;
	}
	.user-strnew .main1 .context{
		position: absolute;
		transform: translate(-50%, 0%);
		background-color: #FFFFFF;
		width: 1150px;
		border-radius: 20px;
		height: 635px;
		top: 22%;
		left: 50%;
	}
	.user-strnew .main1 .context .bj1{
		position: absolute;
		top: 8px;
		left: 25px;
		background-image: url("//img13.360buyimg.com/cms/jfs/t1/114099/20/8938/347300/5ed5c094E5c84f615/ca4de1f7f0413f9f.jpg");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 700px;
		height: 620px;
		border-radius: 20px;
	}
	
	
	.user-strnew .main1 .context .text{
		position: absolute;
		top: 8px;
		right: 25px;
		text-align: center;
	}
	.user-strnew .main1 .context .text .tit{
		margin: 5px auto;
		font-size: 30px;
	}
	.user-strnew .main1 .context .text .fun{
		color:#999999;
		font-size: 18px;
	}
	.user-strnew .main1 .context .text .good{
		color: #FFFFFF;
		font-size: 30px;
		font-weight: 800;
		padding: 0px 11px;
		margin: 15px 80px;
		background-image: linear-gradient(to bottom right, #ce5648, #ed695d,#ce5648);
		border-radius: 23px;
	}
	.user-strnew .main1 .context .text .drop{
		background-image: url("//img14.360buyimg.com/cms/jfs/t1/137557/20/1224/36503/5ed7111aEa1949818/7709cb2941a7e676.jpg");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 80%;
		margin: 0 auto;
		height: 200px;
	}
	.user-strnew .main1 .context .text .money{
		color: #af251c;
		font-size: 24px;
		text-align: left;
		width: 300px;
		margin: 20px auto 30px;
	}
	.user-strnew .main1 .context .text .money span{
		font-size: 50px;
		line-height: 24px;
	}
	
	
	.user-strnew .main1 .context .text .bug_btn{
		background-image: url("//img10.360buyimg.com/cms/jfs/t1/132221/4/1128/18718/5ed5c093E48901f68/2cbf1a164ea934df.jpg");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 60px;
		width: 270px;
		margin: 0 auto;
	}
	.user-strnew .main1 .cont{
		position: relative;
	
	}
	.user-strnew .main1 .context2{
		position: absolute;
		transform: translate(-50%, 0%);
		background-color: #FFFFFF;
		width: 1150px;
		border-radius: 20px;
		height: 635px;
		top: 10%;
		left: 50%;
	}
	.user-strnew .main1 .context2 .bj1{
		position: absolute;
		top: 8px;
		right: 25px;
		background-image: url("//img10.360buyimg.com/cms/jfs/t1/113204/4/8926/410810/5ed60afdE88b3ac96/10586b7b4ccd9ee5.jpg");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 700px;
		height: 620px;
		border-radius: 20px;
	}
	
	
	.user-strnew .main1 .context2 .text{
		position: absolute;
		top: 8px;
		left: 25px;
		text-align: center;
	}
	.user-strnew .main1 .context2 .text .tit{
		margin: 5px auto;
		font-size: 30px;
	}
	.user-strnew .main1 .context2 .text .fun{
		color:#999999;
		font-size: 18px;
	}
	.user-strnew .main1 .context2 .text .good{
		color: #FFFFFF;
		font-size: 30px;
		font-weight: 800;
		padding: 0px 11px;
		margin: 15px 80px;
		background-image: linear-gradient(to bottom right, #ce5648, #ed695d,#ce5648);
		border-radius: 23px;
	}
	.user-strnew .main1 .context2 .text .drop{
		background-image: url("//img14.360buyimg.com/cms/jfs/t1/137557/20/1224/36503/5ed7111aEa1949818/7709cb2941a7e676.jpg");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 80%;
		margin: 0 auto;
		height: 200px;
	}
	
	
	.user-strnew .main1 .context2 .text .money{
		color: #af251c;
		font-size: 24px;
		text-align: left;
		width: 280px;
		margin: 20px auto 30px;
	}
	.user-strnew .main1 .context2 .text .money span{
		font-size: 50px;
		line-height: 24px;
	}
	
	
	
	
	
	.user-strnew .main1 .context2 .text .bug_btn{
		background-image: url("//img10.360buyimg.com/cms/jfs/t1/132221/4/1128/18718/5ed5c093E48901f68/2cbf1a164ea934df.jpg");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 60px;
		width: 270px;
		margin: 0 auto;
	}
</style>